<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
    <title>订单支付</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <script src="js/zepto-1.2.0.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div class="nav">
    <a class="logo" href="javascript:;"></a>
    <a class="myClass" href="groupAdd.html">我的小组</a>
    <span class="a_nav"></span>
</div>
<header>
    <div class="prod_flow invite_class">
        <span>了解课程</span>—
        <span>填写信息</span>—
        <span class="s_active">邀请朋友加入小组</span>—
        <span>支付</span>
    </div>
</header>
<section class="sec_orderPay">
    <div class="order_audition">
        【试听课】HamPson全外教家庭浸入式小班英语课（限北京上海）
    </div>
    <div class="group_plan">
        <p style="margin-bottom: .5rem;">已成组，等待辅导员打电话安排老师哦~</p>
        <div class="group_img">
            <img src="images/girl_cry.jpg" alt="会员图片"/>
            <p>骑驴去跑马</p>
            <span class="s_blue">组长</span>
        </div>
        <div class="group_img">
            <img src="images/vip_who.png" alt="会员图片"/>
        </div>
        <div class="group_img">
            <img src="images/vip_who.png" alt="会员图片"/>
        </div>
        <div class="group_img">
            <img src="images/vip_who.png" alt="会员图片"/>
        </div>
        <div class="group_img">
            <img src="images/vip_who.png" alt="会员图片"/>
        </div>
    </div>
    <div class="use_scholarship">
        <input class="i_scholarship" type="checkbox" value="" checked>使用奖学金
        <a href="javascript:;">如何获得奖学金？</a>
        <p>当前奖学金为：<em>0</em>元，本次可使用<em>0</em>元，剩余<em>0</em>元</p>
        <div class="rule_scholarship"></div>
    </div>
    <div class="calculate_money">
        <div class="course_total"><span class="s_left">课程总价</span><span class="s_right">￥60</span></div>
        <div class="scholarship_deduction"><span class="s_left">奖学金抵扣</span><span class="s_right">-￥0</span></div>
        <div class="actual_alipay"><span class="s_left">实际支付</span><span class="s_right">￥<b>60</b></span></div>
    </div>
</section>
<footer class="space_use"></footer>
<div class="list_nav">
    <li><a href="index.html">首页</a></li>
    <li><a href="index.html">正式课程</a></li>
    <li><a href="javascript:;">预约试听</a></li>
    <li><a href="javascript:;">附近小组</a></li>
    <li><a href="vipCenter.html">个人中心</a></li>
</div>
<div class="go_alipay">
    <a class="a_alipay" href="javascript:;">去支付</a>
</div>
</body>
</html>